Remarques : avec animation en GIF :


L'objet de la présente page n'est pas d'entourer une image par des textes ajustables mais d'afficher à droite de l'image une légende spécifique à l'image.
Le reste de la page est centré dans la page WEB.

Légende: Le nom de cette image est le vioque sur ordinateur

Pour conserver un certain espace entre l'image et le texte il faut ajouter les élémements HTML hspace="xx" et vspace ="yy" dans la balise instruction IMG.


Ici nous utilisons Hspace = Vspace = 50 pixels

L'inconvénient est que vous ne pouvez pas moduler les intervalles autour de l'image. En revanche ceci est possible avec des feuilles de style CSS.
On peut mettre une légende sur la photo en haut avec align="top", en bas avec align="bottom" et au milieu avec align ="middle".

Ici on a choisi : align = right.
HSPACE:
hspace définit la distance horizontale entre une image et tout autre élément d'une page (ici 50 pixels)
VSPACE:
vspace définit l'interval vertical entre une image et un autre élément du document HTML (ici 50 pixels).
Dans cet exemple de page le texte est censé entourer l'image en respectant un espacement de 50 pixels autour le l'image.
On peut faire varier la taille de la page, ceci restera respecté.